<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="SUDDEV">
<!--     <meta name="keyword" content=""> -->

    <title>客户信息管理系统 - 登录</title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <!--external css-->
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
        
    <!-- Custom styles for this template -->
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/style-responsive.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

      <!-- **********************************************************************************************************************************************************
      MAIN CONTENT
      *********************************************************************************************************************************************************** -->

	  <div id="login-page">
	  	<div class="container">
		      <div class="form-login" >
		        <h2 class="form-login-heading"><b>客户信息管理系统-登录</b></h2>
		        <div class="login-wrap">
		        	<div class="error-item">
                        <i class="fa fa-minus-circle error-icon"></i>
                        <p class="error-message">Error</p>
                    </div>
                    <br>
		            <input id="username" type="text" class="form-control" placeholder="用户名" autocomplete="off" autofocus >
		            <br>
		            <input id="password" type="password" class="form-control" placeholder="密码" autocomplete="off">
		            <br>
		            <!-- <label class="checkbox">
		                <span class="pull-right">
		                    <a data-toggle="modal" href="login.html#myModal"> Forgot Password?</a>
		
		                </span>
		            </label> -->
		            <button id="submit" class="btn btn-theme btn-block" href="index.html" type="submit"><i class="fa fa-lock"></i>登录</button>
		            <hr>
		            <span class="text-center">Copyright © 2017 suddev.com All Right Reserved</span>     	
		        </div>
		      </div>	  	
	  	
	  	</div>
	  </div>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>

    <!--BACKSTRETCH-->
    <!-- You can use an image of whatever size. This script will stretch to fit in any screen size.-->
    <script type="text/javascript" src="assets/js/jquery.backstretch.min.js"></script>
    <script>
        $.backstretch("assets/img/login-bg.jpg", {speed: 500});
    </script>
    <script type="text/javascript " src="assets/js/utils/utils.js"></script>
    <script type="text/javascript " src="assets/js/service/user-service.js"></script>
    <script type="text/javascript " src="assets/js/page/login.js"></script>

  </body>
</html>
